<template>
	<div class="box h-full">
		<div class="outsite h-full bg-pf flex flex-col">
			<div class="avatar size-48">
				<img class="object-contain" src="../../assets/images/logo1.png" alt="网站头像" />
			</div>
			<div class="link">
				<div
					class="link-item duration-700 animate-fade"
					v-for="(item, index) in linkInfo"
					:key="index"
				>
					<nuxt-link :to="item.path">
						{{ item.title }}
					</nuxt-link>
				</div>
			</div>
			<div class="contact">
				<div class="icon icon-weixin"></div>
			</div>
		</div>
	</div>
</template>
<script setup lang="ts">
	const linkInfo = [
		{
			title: 'Home',
			icon: '',
			path: '/home',
		},
		{
			title: 'Blog',
			icon: '',
			path: '/blog',
		},
		{
			title: 'About',
			icon: '',
			path: '/about',
		},
	];
</script>
<style scoped lang="scss"></style>
